<template>
	<view class="app">
			<view class="title">六大服务，成就精英</view>
			<view>
				<view class="box-left">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon1.png"></image>
						<text class="text">师资力量雄厚</text>
					</view>
				</view>
				<view class="box-right">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon2.png"></image>
						<text class="text">专业培训课程</text>
					</view>
				</view>
			</view>
			<view>
				<view class="box-left">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon3.png"></image>
						<text class="text">IT企业合作</text>
					</view>
				</view>
				<view class="box-right">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon4.png"></image>
						<text class="text">技术新颖</text>
					</view>
				</view>
			</view>
			<view>
				<view class="box-left-bottom">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon5.png"></image>
						<text class="text">封闭式集训</text>
					</view>
				</view>
				<view class="box-right-bottom">
					<view class="mix-load-more center">
						<image class="logo" src="/static/icon/icon6.png"></image>
						<text class="text">保障学员就业</text>
					</view>
				</view>
			</view>
		<view class="title">报名流程</view>
		<view class="box-process">
			<view class="mix-load-more">
				<view class="text-number">1</view>
				<view class="text-process">查看课程</view>
			</view>
		</view>
		<view class="box-logo">
			<image class="right-logo" src="/static/icon/right.png"></image>
		</view>
		<view class="box-process">
			<view class="mix-load-more">
				<view class="text-number">2</view>
				<view class="text-process">咨询报名</view>
			</view>
		</view>
		<view class="box-logo">
			<image class="right-logo" src="/static/icon/right.png"></image>
		</view>
		<view class="box-process">
			<view class="mix-load-more">
				<view class="text-number">3</view>
				<view class="text-process">报名付款</view>
			</view>
		</view>
		<view class="box-logo">
			<image class="right-logo" src="/static/icon/right.png"></image>
		</view>
		<view class="box-process">
			<view class="mix-load-more">
				<view class="text-number">4</view>
				<view class="text-process">等待联系</view>
			</view>
		</view>
		<view class="box-logo">
			<image class="right-logo" src="/static/icon/right.png"></image>
		</view>
		<view class="box-process">
			<view class="mix-load-more">
				<view class="text-number">5</view>
				<view class="text-process">来校报道</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.app{
		margin: 0 10rpx;
	}
	.title{
		text-align: center;
		font-size: 36rpx;
		margin: 20rpx 15rpx;
		font-weight: bold;
	}
	.box-left{
		height: 120rpx;
		width: 50%;
		border-top: solid  #808080 1rpx;
		border-right:  solid  #808080 1rpx;
		float: left;
	}
	.box-right{
		height: 120rpx;
		width: 50%;
		border-top: solid  #808080 1rpx;
		float: left;
	}
	.box-left-bottom{
		height: 120rpx;
		width: 50%;
		border-top: solid  #808080 1rpx;
		border-right:  solid  #808080 1rpx;
		border-bottom: solid  #808080 1rpx;
		float: left;
		margin-bottom: 100rpx;
	}
	.box-right-bottom{
		height: 120rpx;
		width: 50%;
		border-top: solid  #808080 1rpx;
		border-bottom: solid  #808080 1rpx;
		float: left;
		margin-bottom: 100rpx;
	}
	.mix-load-more{
		height: 120rpx;
		width: 100%;
	}

	.text{
		font-size: 32rpx;
		color: #999;
	}
	.logo{
		width: 36rpx;
		height: 36rpx;
		margin-right: 12rpx;
	}
	.process-title{
		top: 600rpx;
		text-align: center;
		font-size: 36rpx;
		margin-top: 100rpx;
		font-weight: bold;
	}
	.box-process{
		width: 100rpx;
		height: 100rpx;
		border: solid  #808080 2rpx;
		text-align: center;
		float: left;
	}
	.text-process{
		font-size: 24rpx;
		color: #5e5e5e;
	}
	.text-number{
		font-size: 36rpx;
		color: #0081FF;
		margin-top: 20rpx;
		font-weight: bold;
	}
	.box-logo{
		width: 50rpx;
		height: 100rpx;
		line-height: 120rpx;
		text-align: center;
		float: left;
	}
	.right-logo{
		text-align: center;
		width: 50rpx;
		height: 50rpx;
		margin-top: 50%;
	}
</style>
